<template>
	<div id="giftContainer">
			<zoneheader></zoneheader>
			<div class="giftSec">
				<div class="gifImg">
					<a href="javascript;">
					<img src="../assets/images/1478079073607940.jpg" />
					</a>
				</div>
				<div class="gifSec2" v-for="value in datalist">
					<h1 class="gifSee">
					<span>{{value}}</span>
					<a href="javascript;" class="gif-arr"> &gt;</a>
					</h1>
				<winelist :hzdata="hzdata"></winelist>
				</div>
				
				<loadwj></loadwj>
		</div>
	</div>
</template>

<script>
	import Vue from 'vue';
	import store from '../vuex/store'
	
	import zoneheader from '../components/zoneheader.vue';
	import loadwj from '../components/loadwj.vue';
	import winelist from '../components/winelist.vue';
	import axiosUtil from '../utils/axios.util';
	import  VueResource  from 'vue-resource'
	Vue.use(VueResource) 
		export default {
			data(){
				return {
					datalist:[
					'双支送好礼',
					'一"箱"情愿',
					'送礼首选'
					],
					hzdata: []
				}
			},
		components:{
			loadwj,
			winelist,
			zoneheader
		},
		 mounted() {
    this.$store.commit('changeHeadname','一“箱”情愿  双支赠酒袋' );
		//	axiosUtil(this, `/vip/hzlist.php`)
    this.$http.jsonp('/apj/api/simple/recommendService/recommendJP?client_sig=wap&format=jsonp&_=1508977182597')
			.then((res)=>{
				const data = res.body.result
				this.hzdata = data
				console.log(res)
			})

  },
  store
	}

</script>

<style>
</style>